:local(.DmnEditor) {
  display: flex;
  flex: 1;

  flex-direction: column;

  :not(.top) + .bottom {
    .dmn-decision-table-container,
    .dmn-literal-expression-container {
      display: none;
    }
  }

  &>.top {
    padding: 10px;

    .button {
      background: var(--color-ffffff);
      padding: 8px;
      border: solid 1px var(--color-cccccc);
      border-radius: 2px;
      font-size: 14px;
      color: var(--color-444444);
      font-weight: bold;
      outline: none;
      margin-right: 10px;

      &:last-child {
        margin-right: 0;
      }

      &:hover {
        background-color: var(--color-f6f6f6);
      }
    }

  }

  &>.bottom {
    display: flex;
    flex: 1;
    flex-direction: row;
  }

  .diagram {
    flex: 1;
    position: relative;
  }

  .diagram:not(.drd) {
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .djs-overlay .drill-down-overlay {
    padding: 0px 5px 2px;
  }

  .djs-container > .dmn-definitions {
    display: none;
  }

  .properties {
    flex: none;
  }

  /**
   * Fix properties tabbing
   */
  .bpp-properties-tabs-links > .bpp-active a {
    position: relative;

    &:before {
      content: '';
      z-index: 5;
      bottom: -2px;
      left: 0;
      right: 0;
      border-bottom: solid 3px var(--silver-base-97);
      position: absolute;
    }
  }

}